<template>
    <div class="wrap">
        <div class="container">
            <TopBreadCrumb></TopBreadCrumb>
            <div class="user_center_content">
                <!-- 左侧菜单 -->
                <LeftNavMenu></LeftNavMenu>
                <!-- 左侧菜单结束 -->
                <!-- 右侧内容开始  -->
                <div class="right_user_content">
                    <div class="right-title border-bottom">
                        <div class="left">消息列表</div>
                        <div class="delete">
                            <span class="el-icon-delete"></span>删除已读信息
                        </div>
                    </div>
                    <div class="messsge-list">
                        <!-- 列表 -->
                        <div class="list">
                            <div class="item" v-for="(item,index) in messsgeList" :key="index">
                                <nuxt-link to="/agency/contract" class="read">
                                    <span class="tit">{{item.title}}</span>
                                    <span>{{item.date}}</span>
                                </nuxt-link>
                            </div>
                            
                        </div>
                        <Custom-pagination></Custom-pagination>
                    </div>
                </div>
                <!-- 右侧内容结束 -->
            </div>
        </div>

    </div>
</template>

<script>
import $ from "jquery"
import CustomPagination from '../../components/CustomPagination.vue';

  export default {
    components: { CustomPagination },
    data() {
        return {
            messsgeList:[
                {
                     title: "我国骨科医疗资源现状",
                     date: "2023-05-10"
                },
                {
                     title: "安徽省脊柱外科论坛暨脊柱退变性疾病及脊柱肿瘤的治疗进展第九届学习班圆满落幕",
                     date: "2023-05-10"
                },
                {
                     title: "深圳国际口腔设备材料展圆满落幕",
                     date: "2023-05-10"
                },
                {
                     title: "江西省医学会烧伤外科学分会第十二次学术年会--暨粤赣烧伤学术研讨会",
                     date: "2023-05-10"
                },
                {
                     title: "我国骨科医疗资源现状",
                     date: "2023-05-10"
                },
                {
                     title: "安徽省脊柱外科论坛暨脊柱退变性疾病及脊柱肿瘤的治疗进展第九届学习班圆满落幕",
                     date: "2023-05-10"
                },
                {
                     title: "深圳国际口腔设备材料展圆满落幕",
                     date: "2023-05-10"
                },
                {
                     title: "江西省医学会烧伤外科学分会第十二次学术年会--暨粤赣烧伤学术研讨会",
                     date: "2023-05-10"
                },
                {
                     title: "安徽省脊柱外科论坛暨脊柱退变性疾病及脊柱肿瘤的治疗进展第九届学习班圆满落幕",
                     date: "2023-05-10"
                },
                {
                     title: "深圳国际口腔设备材料展圆满落幕治疗进展第九届学习班圆",
                     date: "2023-05-10"
                },
                {
                     title: "江西省医学会烧伤外科学分会第十二次学术年会--暨粤赣烧伤学术研讨会",
                     date: "2023-05-10"
                }
            ]
        };
    },
    methods: {
        handlejyxkSuccess(){

        },
        onSubmit(){

        }
    },
    mounted: function(){
        
    }

  };
</script>
<style>



</style>